<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
    <title>表单</title>
</head>
<body>
    <div id="main">
        <input type="text" v-model="money">{{money}}
        <input type="checkbox" value="给你一个亿" v-model='choice'>
        <input type="checkbox" value="张国荣复活" v-model='choice'>
        <input type="checkbox" value="北京一套房" v-model='choice'>
        <input type="checkbox" value="科比复活" v-model='choice'>
        {{choice}}

        <textarea name="" id="" cols="30" rows="10" v-model="content" ></textarea>{{content}}
        <select name="" id="" v-model='select'>
            <option value="请你们吃豆腐干">豆腐干</option>
            <option value="请你们吃地瓜干">地瓜干</option>
            <option value="请你们吃花生">花生</option>
            <option value="请你们吃考烤面筋">烤面筋</option>
        </select>
        {{select}}

    </div>
    
</body>
<script>
    let vue = new Vue({
        el:"#main",
        data:{
           money:0,
           choice:[],
           content:'',
           select:'',

        }
    });
</script>
</html>